<template>


	<view>
		<view class="myupView">


			<view class="leftTextV"> {{ leftText}}
			</view>


			<view class="rigTextV">{{ rigText}}</view>

			<image v-if="isIcon"
				style="margin-left:calc(100vw - 30px);  width: 16px; height: 16px; margin-top: 14px; position: absolute;"
				mode="aspectFit" :src="bindSrc"></image>



		</view>

		<view v-if="isIcon" class="lineV"></view>
	</view>
</template>

<script>
	export default {
		props: {
			// 左边标题
			leftText: {
				type: String,
				default: ""
			},
			// 右边小文字说明
			rigText: {
				type: String,
				default: ""
			},
			// 是否打开
			isOpen: {
				type: Boolean,
				default: false
			},
			// 是否展示图片箭头
			isIcon: {
				type: Boolean,
				default: true
			}

		},

		data() {
			return {

			}
		},
		computed: {

			bindSrc() {

				return (this.isOpen) ? require("./down_arrow.png") : require("./up_arrow.png");
			}
		},
		methods: {


		}
	}
</script>

<style>
	.myupView {
		display: flex;
		flex-direction: row;
		width: 100vw;
		height: 44px;
		/* background: #F9F9F9; */
		margin-top: 0px;

	}

	.leftTextV {

		font-size: 15px;
		font-family: PingFang-SC-Semibold, PingFang-SC;
		font-weight: 600;
		color: #000000;
		line-height: 44px;
		margin-left: 12px;


	}


	.rigTextV {

		font-size: 12px;
		font-family: PingFangSC-Regular, PingFang SC;
		font-weight: 400;
		color: #8C8C8C;
		line-height: 44px;
		margin-left: 2px;
	}
</style>